/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Image,
    TouchableOpacity,
} from 'react-native';
var LazyMineCell = React.createClass({
    getDefaultProps(){
        return {
            title:'',
            leftIcon:''
        }
    },
    render() {
        return (
            <TouchableOpacity activeOpacity={0.5}>
            <View style={styles.container}>
               {/*左边*/}
                <View style={{flexDirection:'row', alignItems:'center'}}>
                    <Image source={{uri:this.props.leftIcon}} style={styles.cellImageStyle}/>
                    <Text>{this.props.title}</Text>
                </View>
               {/*右边*/}
               <View style={{justifyContent:'center'}}>
                <Image source={{uri:'right-arrow'}} style={{width:12,height:20,marginRight:5}}/>
               </View>
            </View>
            </TouchableOpacity>
        );
    }
});
const styles = StyleSheet.create({
    container:{
        flex:1,
        paddingLeft:15,
        paddingRight:15,
        height:40,
        marginBottom:1,
        flexDirection:'row',
        justifyContent: 'space-between',
        backgroundColor:'#ffffff'
    },
    cellImageStyle:{
        width:20,
        height:16,
        marginRight:15
    }
});
module.exports = LazyMineCell;